<template>
	<MyPage title="海报展示内容" :isback="true">
		<view slot="gBody">
			<view class="view-box">
				<!-- <view class="box-title">
					<text class="right red" @click="$utils.navigateTo('/my/diy')">修改信息</text>
					<text class="title-text">选择展示信息</text>
				</view> -->
				<view class="bill-card">
					<u-cell-item :arrow="false" title="称呼" :value="info.name">
						<u-icon slot="icon" size="36" name="checkmark-circle-fill" :color="0?'#c30f0f':'#ddd'"></u-icon>
					</u-cell-item>
					<u-cell-item :arrow="false" title="联系方式" :value="info.tel">
						<u-icon slot="icon" size="36" name="checkmark-circle-fill" :color="0?'#c30f0f':'#ddd'"></u-icon>
					</u-cell-item>
				</view>
				<!-- 无权限加锁 -->
				<view class="no-permission" v-if="userType<1">
					<view class="no-permission-view" @click="$utils.switchTab('/vip/vip',{index:0})">
						<u-icon size="60" name="lock-fill" color="#fff"></u-icon>
						<view class="no-permission-text">暂无权限<br/>点击去开通普通会员！</view>
					</view>
				</view>
			</view>
			<view class="view-box">
				<view class="bill-card">
					<u-cell-item :arrow="false" title="公司地址" :value="info.company">
						<u-icon slot="icon" size="36" name="checkmark-circle-fill" :color="2?'#c30f0f':'#ddd'"></u-icon>
					</u-cell-item>
					<u-cell-item :arrow="false" title="公司logo" :value="info.logo">
						<u-icon slot="icon" size="36" name="checkmark-circle-fill" :color="2?'#c30f0f':'#ddd'"></u-icon>
					</u-cell-item>
					<u-cell-item :arrow="false" title="官网链接" :value="info.url">
						<u-icon slot="icon" size="36" name="checkmark-circle-fill" :color="2?'#c30f0f':'#ddd'"></u-icon>
					</u-cell-item>
					<u-cell-item :arrow="false" title="公司地址" :value="info.address">
						<u-icon slot="icon" size="36" name="checkmark-circle-fill" :color="2?'#c30f0f':'#ddd'"></u-icon>
					</u-cell-item>
				</view>
				<!-- 无权限加锁 -->
				<view class="no-permission" v-if="userType<2">
					<view class="no-permission-view" @click="$utils.switchTab('/vip/vip',{index:1})">
						<u-icon size="60" name="lock-fill" color="#fff"></u-icon>
						<view class="no-permission-text">暂无权限<br/>点击去开通黄金会员！</view>
					</view>
				</view>
			</view>
			<view class="view-box">
				<view class="bill-card">
					<u-cell-item :arrow="false" title="个性化签名" :value="info.autograph">
						<u-icon slot="icon" size="36" name="checkmark-circle-fill" :color="0?'#c30f0f':'#ddd'"></u-icon>
					</u-cell-item>
					<u-cell-item :arrow="false" title="微信二维码" :value="info.wechatCode">
						<u-icon slot="icon" size="36" name="checkmark-circle-fill" :color="0?'#c30f0f':'#ddd'"></u-icon>
					</u-cell-item>
					<u-cell-item :arrow="false" title="支付宝二维码" :value="info.alipayCode">
						<u-icon slot="icon" size="36" name="checkmark-circle-fill" :color="0?'#c30f0f':'#ddd'"></u-icon>
					</u-cell-item>
					<u-cell-item :arrow="false" title="抖音二维码" :value="info.tiktokCode">
						<u-icon slot="icon" size="36" name="checkmark-circle-fill" :color="0?'#c30f0f':'#ddd'"></u-icon>
					</u-cell-item>
					<u-cell-item :arrow="false" title="微博二维码" :value="info.blogCode">
						<u-icon slot="icon" size="36" name="checkmark-circle-fill" :color="0?'#c30f0f':'#ddd'"></u-icon>
					</u-cell-item>
				</view>
				<!-- 无权限加锁 -->
				<view class="no-permission" v-if="userType<3">
					<view class="no-permission-view" @click="$utils.switchTab('/vip/vip',{index:2})">
						<u-icon size="60" name="lock-fill" color="#fff"></u-icon>
						<view class="no-permission-text">暂无权限<br/>点击去开通超级会员！</view>
					</view>
				</view>
			</view>
			<view class="btn-view">
				<MyBtn title="保存" class="btn" @click="formSubmit"></MyBtn>
			</view>
		</view>
	</MyPage>
</template>

<script>
import mixin from "@/libs/mixin.js";
import { generatePicture } from '@/api/compute.js'
export default{
	mixins: [mixin],
	data() {
		return {
			userType: 2,
			info: {
				name:'王先生', //个人信息
				tel:'010-652415555',
				company:'百度科技公司', //公司信息
				logo:'已上传',
				url:'www.baidu.com',
				address:'西北旺路软件园二期',
				//wechat:'', //联系信息
				autograph:'无',
				wechatCode:'无',
				alipayCode:'无',
				tiktokCode:'无',
				blogCode:'无'
			}
		}
	},
	onLoad(option) {
	},
	methods:{
		
	}
}
</script>

<style lang="scss">
page{
	background:#f3f3f3;
}
</style>
<style lang="scss" scoped>
.view-box{
	position: relative;
	margin-top:15rpx;
	background: #fff;
	padding: 10rpx 40rpx;
	border-radius: 10rpx;
	.box-title{
		padding:15rpx 0 3rpx;
		.title-text{
			font-size:30rpx;
		}
	}
}
.bill-card{
	padding:8rpx 0;
	/deep/ .u-cell{
		padding:5rpx 0;
		.u-flex{
			margin-right:15rpx;
		}
		.u-cell_title{
			color: #333;
		}
		&:last-child:after{
			border:none;
		}
	}
}
.no-permission{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.2);
	text-align: center;
	color:#fff;
	font-size:22rpx;
	line-height:1.2em;
	display: flex;
	justify-content: center;
	align-items: center;
	.no-permission-view{
		.no-permission-text{
			margin-top:8rpx;
		}
	}
}
.btn-view{
	width:90%;
	margin:0 auto;
}
</style>